<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%> 
<style>
.question-add{
	padding: 10px 0px 0px 75px;
	width: 275px;
}

.question-update{
	padding: 10px 0px 0px 75px;
	width: 275px;
}
.question-detail{
	padding: 10px 0px 0px 0px;
	width: 390px;
}
</style>
<div id="questionGrid"></div>
<div id="questionToolbar">
	<div>
		<a href="#" class="easyui-linkbutton" onclick="question.toolbar.showAddDialog();" data-options="
		iconCls:'icon-add',
		plain:true">
			试题新增
		</a>
		<a href="#" class="easyui-linkbutton" onclick="question.toolbar.showUpdateDialog();" data-options="
		iconCls:'icon-edit',
		plain:true">
			试题修改
		</a>
		<a href="#" class="easyui-linkbutton" onclick="question.toolbar.remove();" data-options="
		iconCls:'icon-remove',
		plain:true">
			试题删除
		</a>
		<a href="#" class="easyui-linkbutton" onclick="question.toolbar.updateState();" data-options="
		iconCls:'icon-mini-edit',
		plain:true">
			修改状态
		</a>
		<a href="#" class="easyui-linkbutton" onclick="question.toolbar.redo();" data-options="
		iconCls:'icon-redo',
		plain:true">
			取消
		</a>
	</div>
	<div >
		<strong>试题题目：</strong>
		<input type="text" name="question" id="questionName"/>
		<strong>试题类型：</strong>
			<select id="questionType" name="question" class="easyui-combobox" data-options="
			" style="width:175px">
				<option value=""></option>
				<option value="1">单选题</option>
				<option value="2">多选题</option>
				<option value="3">判断题</option>
			</select>
		<strong>所属课程：</strong>
		<input name="question" id="questionCourse" class="easyui-combobox" data-options="
				label: '所属课程：',
				valueField: 'id',
   				 textField: 'text',
   				 url: '<%=request.getContextPath()%>/QuestionQesServlet?command=listCourse',
				editable: false"/>
		<strong>试题难度：</strong>
			<select id="questionDifficulty" name="question" class="easyui-combobox" data-options="
			" style="width:175px">
				<option value=""></option>
				<option value="1">低</option>
				<option value="2">中</option>
				<option value="3">较高</option>
				<option value="4">高</option>
			</select>
		<strong>试题状态：</strong>
			<select name="questionState" id="questionState" class="easyui-combobox">
				<option value=""></option>
				<option value="1">启用</option>
				<option value="2">禁用</option>
			</select>
		<a href="#" class="easyui-linkbutton" onclick="question.toolbar.search()" data-options="
		iconCls:'icon-search',
		plain:true">
			查询
		</a>
	</div>
</div>

<div id="questionAddDialog" style="width:400px;height:450px" class="easyui-dialog question-add" data-options="
title:'试题新增',
buttons:'#questionAddButtons',
closed: true,
onClose:question.toolbar.resetAddForm">
	<form id="questionAddForm" method="post" enctype="multipart/form-data">
	<h3><strong style="color:red">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请先选择试题类型进行新增</strong></h3>
		<p>
			<strong>试题类型：</strong>
			<select id="addType" name="addType" class="easyui-validatebox" data-options="
			required:true" style="width:175px">
				<option value="1">单选题</option>
				<option value="2">多选题</option>
				<option value="3">判断题</option>
			</select>
		</p>
		<!-- <p>
			<strong>所属课程：</strong>
			<input type="text" name="addCourse" id="addCourse" data-options="
			required:true" style="width:175px">
		</p> -->
		<strong>所属课程：</strong>
		<input name="addCourse" class="easyui-combobox" data-options="
				label: '所属课程：',
				valueField: 'id',
   				 textField: 'text',
   				 url: '<%=request.getContextPath()%>/QuestionQesServlet?command=listCourse',
				editable: false" />
		<p>
			<strong>试题题目：</strong>
			<input style="height:40px" name="addName" id="addName" class="easyui-textbox" data-options="
			required:true,multiline:true">
		</p>
		<p>
			<strong>试题附件：</strong>
			<input type="text" name="addAttachment" id="addAttachment" class="easyui-textbox">
		</p>
		
		<div id="chooseABCD">
		<p>
			<strong>选项A：&nbsp;&nbsp;&nbsp;&nbsp;</strong>
			<input style="height:40px" name="addAnswerA" id="addAnswerA" class="easyui-textbox" data-options="
			required:true,multiline:true">
		</p>
		<p>
			<strong>选项B：&nbsp;&nbsp;&nbsp;&nbsp;</strong>
			<input style="height:40px" name="addAnswerB" id="addAnswerB" class="easyui-textbox" data-options="
			required:true,multiline:true">
		</p>
		<p>
			<strong>选项C：&nbsp;&nbsp;&nbsp;&nbsp;</strong>
			<input style="height:40px" name="addAnswerC" id="addAnswerC" class="easyui-textbox" data-options="
			required:true,multiline:true">
		</p>
		<p>
			<strong>选项D：&nbsp;&nbsp;&nbsp;&nbsp;</strong>
			<input style="height:40px" name="addAnswerD" id="addAnswerD" class="easyui-textbox" data-options="
			required:true,multiline:true">
		</p>
		</div>
		<p>
			<strong>试题答案：</strong>
			<input type="text" name="addAnswer" id="addAnswer" class="easyui-textbox" data-options="
			required:true">
		</p>
		<p>
			<strong>试题难度：</strong>
			<select id="addDifficulty" name="addDifficulty" class="easyui-combobox" data-options="
			required:true" style="width:175px">
				<option value="1">低</option>
				<option value="2">中</option>
				<option value="3">较高</option>
				<option value="4">高</option>
			</select>
		</p>
		<p>
			<strong>试题分析：</strong>
			<input style="height:40px" name="addAnalysis" id="addAnalysis" class="easyui-textbox" data-options="
			required:true,multiline:true">
		</p>
		
		<p>
			<strong>关键词：&nbsp;&nbsp;&nbsp;</strong>
			<input type="text" name="addKeywords" id="addKeywords" class="easyui-textbox" data-options="
			required:true">
		</p>
	</form>


</div>
<div id="questionAddButtons">
	<a href="#" onclick="question.toolbar.add()" class="easyui-linkbutton" data-options="
	iconCls: 'icon-add',
	plain: true">
		新增
	</a>
	<a href="#" onclick="question.toolbar.hiddenAddDialog();" class="easyui-linkbutton" data-options="
	iconCls: 'icon-redo',
	plain: true">
		取消
	</a>
</div>
<div id="questionUpdateDialog" style="width:400px;height:450px" class="easyui-dialog question-update" data-options="
title: '试题修改',
buttons: '#questionUpdateButtons',
closed: true,
onClose: question.toolbar.resetUpdateForm">
	<form id="questionUpdateForm" method="post" style="text-align: center">
		<input type="hidden" name="id"/>
		<p>
			<strong>试题题目：</strong>
			<input style="height:40px" name="updateName" id="updateName" class="easyui-textbox" data-options="
			required:true,multiline:true">
		</p>
		<p>
			<strong>试题附件：</strong>
			<input type="text" name="updateAttachment" id="updateAttachment" class="easyui-textbox">
		</p>
		<!-- <div>
			<strong>试题附件：</strong>
			<input class="easyui-filebox" name="updateAttachment" data-options="prompt:'Choose a file...'">
		</div> -->
		<p>
			<strong>试题类型：</strong>
			<select id="questionTypeUpdate" name="questionTypeUpdate" class="easyui-combobox" data-options="
			required:true" style="width:175px">
				<option value="1">单选题</option>
				<option value="2">多选题</option>
				<option value="3">判断题</option>
			</select>
		</p>
		<!-- <p>
			<strong>所属课程：</strong>
			<input type="text" name="questionCourseUpdate" id="questionCourseUpdate" data-options="
			required:true" style="width:175px">
		</p> -->
		<strong>所属课程：</strong>
		<input name="questionCourseUpdate" class="easyui-combobox" data-options="
				label: '所属课程：',
				valueField: 'id',
   				 textField: 'text',
   				 url: '<%=request.getContextPath()%>/QuestionQesServlet?command=listCourse',
				editable: false" />
		<div id="chooseabcd">
		<p>
			<strong>选项A：&nbsp;&nbsp;&nbsp;&nbsp;</strong>
			<input style="height:40px" name="updateAnswerA" id="updateAnswerA" class="easyui-textbox" data-options="
			required:true,multiline:true">
		</p>
		<p>
			<strong>选项B：&nbsp;&nbsp;&nbsp;&nbsp;</strong>
			<input style="height:40px" name="updateAnswerB" id="updateAnswerB" class="easyui-textbox" data-options="
			required:true,multiline:true">
		</p>
		<p>
			<strong>选项C：&nbsp;&nbsp;&nbsp;&nbsp;</strong>
			<input style="height:40px" name="updateAnswerC" id="updateAnswerC" class="easyui-textbox" data-options="
			required:true,multiline:true">
		</p>
		<p>
			<strong>选项D：&nbsp;&nbsp;&nbsp;&nbsp;</strong>
			<input style="height:40px" name="updateAnswerD" id="updateAnswerD" class="easyui-textbox" data-options="
			required:true,multiline:true">
		</p>
		</div>
		<p>
			<strong>试题答案：</strong>
			<input type="text" name="updateAnswer" id="updateAnswer" class="easyui-textbox" data-options="
			required:true">
		</p>
		<p>
			<strong>试题难度：</strong>
			<select id="questionDifficultyUpdate" name="questionDifficultyUpdate" class="easyui-combobox" data-options="
			required:true" style="width:175px">
				<option value="1">低</option>
				<option value="2">中</option>
				<option value="3">较高</option>
				<option value="4">高</option>
			</select>
		</p>
		<p>
			<strong>试题分析：</strong>
			<input style="height:40px" name="updateAnalysis" id="updateAnalysis" class="easyui-textbox" data-options="
			required:true,multiline:true">
		</p>
		
		<p>
			<strong>关键词：&nbsp;&nbsp;&nbsp;</strong>
			<input type="text" name="updateKeywords" id="updateKeywords" class="easyui-textbox" data-options="
			required:true">
		</p>
	</form>
</div>
<div id="questionUpdateButtons">
	<a href="#" onclick="question.toolbar.update()" class="easyui-linkbutton" data-options="
	iconCls: 'icon-edit',
	plain: true">
		修改
	</a>
	<a href="#" onclick="question.toolbar.hiddenUpdateDialog();" class="easyui-linkbutton" data-options="
	iconCls: 'icon-redo',
	plain: true">
		取消
	</a>
</div>
<div id="questionDetailDialog" style="width:400px" class="easyui-dialog question-detail" data-options="
title: '试题详情',
buttons: '#questionDetailButtons',
closed: true,
onClose: question.toolbar.resetDetailForm">
	<form id="questionDetailForm" method="post" style="text-align: center">
		<input type="hidden" name="id"/>
		<p>
			<strong>试题题目：</strong>
			<input style="height:40px" name="detailName" id="detailName" class="easyui-textbox" data-options="
			required:true,multiline:true" readonly="readonly">
		</p>
		<p>
			<strong>试题附件：</strong>
			<input type="text" name="detailAttachment" id="detailAttachment" class="easyui-textbox" readonly="readonly">
		</p>
		<p>
			<strong>试题类型：</strong>
			<select id="questionTypeDetail" name="questionTypeDetail" class="easyui-combobox" data-options="
			required:true" style="width:175px" readonly="readonly">
				<option value="1">单选题</option>
				<option value="2">多选题</option>
				<option value="3">判断题</option>
			</select>
		</p>
		<!-- <p>
			<strong>所属课程：</strong>
			<input type="text" name="questionCourseUpdate" id="questionCourseUpdate" data-options="
			required:true" style="width:175px">
		</p> -->
		<strong>所属课程：</strong>
		<input name="questionCourseDetail" class="easyui-combobox" data-options="
				label: '所属课程：',
				valueField: 'id',
   				 textField: 'text',
   				 url: '<%=request.getContextPath()%>/QuestionQesServlet?command=listCourse',
				editable: false" readonly="readonly"/>
		<div id="chooseAbcd">
		<p>
			<strong>选项A：&nbsp;&nbsp;&nbsp;&nbsp;</strong>
			<input style="height:40px" name="detailAnswerA" id="detailAnswerA" class="easyui-textbox" data-options="
			required:true,multiline:true" readonly="readonly">
		</p>
		<p>
			<strong>选项B：&nbsp;&nbsp;&nbsp;&nbsp;</strong>
			<input style="height:40px" name="detailAnswerB" id="detailAnswerB" class="easyui-textbox" data-options="
			required:true,multiline:true" readonly="readonly">
		</p>
		<p>
			<strong>选项C：&nbsp;&nbsp;&nbsp;&nbsp;</strong>
			<input style="height:40px" name="detailAnswerC" id="detailAnswerC" class="easyui-textbox" data-options="
			required:true,multiline:true" readonly="readonly">
		</p>
		<p>
			<strong>选项D：&nbsp;&nbsp;&nbsp;&nbsp;</strong>
			<input style="height:40px" name="detailAnswerD" id="detailAnswerD" class="easyui-textbox" data-options="
			required:true,multiline:true" readonly="readonly">
		</p>
		</div>
		<p>
			<strong>试题答案：</strong>
			<input type="text" name="detailAnswer" id="detailAnswer" class="easyui-textbox" data-options="
			required:true" readonly="readonly">
		</p>
		<p>
			<strong>试题难度：</strong>
			<select id="questionDifficultyDetail" name="questionDifficultyDetail" class="easyui-combobox" data-options="
			required:true" style="width:175px" readonly="readonly">
				<option value="1">低</option>
				<option value="2">中</option>
				<option value="3">较高</option>
				<option value="4">高</option>
			</select>
		</p>
		<p>
			<strong>试题分析：</strong>
			<input style="height:40px" name="detailAnalysis" id="detailAnalysis" class="easyui-textbox" data-options="
			required:true,multiline:true" readonly="readonly">
		</p>
		
		<p>
			<strong>关键词：&nbsp;&nbsp;&nbsp;</strong>
			<input type="text" name="detailKeywords" id="detailKeywords" class="easyui-textbox" data-options="
			required:true" readonly="readonly">
		</p>
	</form>
</div>
<div id="questionDetailButtons">
	<a href="#" onclick="question.toolbar.hiddenDetailDialog();" class="easyui-linkbutton" data-options="
	iconCls: 'icon-redo',
	plain: true">
		确定
	</a>
</div>
<script>
window.ctx = "<%=request.getContextPath() %>"
</script>
<script src="<%=request.getContextPath() %>/static/questionBank/js/questionQes.js"></script>
<!-- <script>
function()
</script> -->